<template>
	<div class="footer">
		<div class="footer-logo">
			<img src="/imgs/logo-footer.png">
			<p>小米商城</p>
		</div>
		<div class="footer-link">
			<a href="">主页</a><span>|</span>
			<a href="">Vue全栈</a><span>|</span>
			<a href="">React全家桶</a><span>|</span>
			<a href="">微信支付专项课程(H5+小程序+node+mongo)</a>
		</div>
		<div class="copyright">赵小虎<span class="niubi">牛逼</span></div>
	</div>
</template>

<script>
</script>

<style scoped="scoped" lang="less">
	.footer{
		height: 234px;
		border-top: 4px solid #ff6600;
		background-color: #333;
		color: #999;
		font-size: 16px;
		text-align: center;
		.footer-logo{
			margin-top: 46px;
			margin-bottom: 31px;
			img{
				width: 53px;
				height: 36px;
				margin-bottom: 13px;
			}
			
		}
		.footer-link{
			a{
				color: #999;
				display: inline-block;
			}
		  span{
				margin:0 10px;
			}
			margin-bottom: 10px;
		}
	}
	.niubi{
		color: #FF6600;
	}
</style>
